<template>
  <div id="ProductStockInfoDetails">
    <div class="breadcrumbs" style="margin: 0px;padding-top: 20px;">
      <ul>
        <li class="home"><a href="index.html" title="Go to Home Page"><strong style="font-size: 18px;">基础数据</strong></a>
          <span>/</span>
        </li>
        <li><strong>仓库信息管理</strong><span>/</span></li>
        <li><strong>仓库信息详情</strong></li>
      </ul>
    </div>
    <article class="col-main">
      <div class="my-account block block-account" style="padding-left: 20px;">
        <div class="page-title" style="border-bottom: #F1F3F6 1px solid;">
          <h2>仓库信息详情</h2>
          <hr>
        </div>
        <div style="margin: 0px 20px 40px 20px">
          <el-radio-group v-model="size">
            <el-radio label="">默认</el-radio>
            <el-radio label="medium">中等</el-radio>
            <el-radio label="small">小型</el-radio>
            <el-radio label="mini">超小</el-radio>
          </el-radio-group>
          <el-descriptions style="margin-top: 20px" class="margin-top" :title="'【'+stock.storeName+'】信息'" :column="2" :size="size" border>
            <el-descriptions-item>
              <template slot="label">
                仓库编号
              </template>
              {{stock.stockId}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                仓库名字
              </template>
              {{stock.storeName}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                存放位置
              </template>
              {{stock.cargoSpace}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                存放数量
              </template>
              {{stock.cargoNum}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                仓库备注
              </template>
              {{stock.cargoRemarks}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
              </template>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                产品类编号
              </template>
              {{stock.productId}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                产品类型
              </template>
              {{stock.productType}}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                产品系列
              </template>
              {{ stock.productSeries }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                产品型号
              </template>
              {{ stock.productModel }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                产品批次
              </template>
              {{ stock.productBatch }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
              </template>
            </el-descriptions-item>
          </el-descriptions>

        </div>
        <div class="text-center" style="margin-top: 40px;padding-bottom: 30px">
          <router-link to="ProductStockInfoList" class="btn btn-default">返回</router-link>
        </div>
      </div>
    </article>
  </div>
</template>

<script>
export default {
  name: "ProductStockInfoDetails",
  data(){
    return{
      size:'',
      stock:{}
    }
  },
  methods:{
    loadStock(){
      this.$axios.get('/stock/loadStockByStockId',{
        params:{
          stockId:this.$route.query.stockId
        }
      }).then(
        res=>{
          this.stock=res.data.data
        }
      )
    }
  },
  created() {
    this.loadStock()
  }
}
</script>

<style scoped>

</style>
